<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>

</body>
<script>
	// // 意念式编程
	// function fn(){
	//
	// }
	// const obj = {
	// 	run(){
	//
	// 	}
	// }
	// fn();
	// obj.run();
	
	// 1- 宏任务（队列）：定时器  xhr-->onload
	// 2- 微任务（队列）:Promise div
	
	
	
	{
		// 2 4 3 1
		// setTimeout(function(){
		// 	console.log(1);
		// });
		// const p = new Promise((resolve)=>{
		// 	console.log(2);// 2
		// 	resolve(3);
		// });
		// p.then(value=>{
		// 	console.log(value);
		// })
		// console.log(4);
	}
	{
		// 4 3 1 5 2
		// 4 3 1 2 5
		// setTimeout(()=>{
		// 	console.log(1)
		// },10)
		//
		// const xhr = new XMLHttpRequest();
		// xhr.open("get","./my.txt");
		// xhr.send();
		// xhr.onload = function(){
		// 	console.log(xhr.response);// 5
		// }
		// setTimeout(()=>{
		// 	console.log(2)
		// })
		// Promise.resolve().then(value=>{
		// 	console.log(3);
		// })
		// console.log(4);
	}
	{
		// new Promise(()=>{}).then(value=>{
		// 	console.log(2)
		// })
		// setTimeout(function(){
		// 	console.log(1);
		// })
	}
	{
		// new Promise((resolve)=>{
		// 	setTimeout(()=>{
		// 		resolve(2)
		// 	})
		// }).then(value=>{
		// 	console.log(value);
		// })
		// setTimeout(function(){
		// 	console.log(1);
		// })
	}
	{
		setTimeout(function(){
			console.log(1);
		})
		
		new Promise((resolve)=>{
			setTimeout(()=>{
				resolve(2)
			})
		}).then(value=>{
			console.log(value);
		})
		
	}
</script>
</html>